<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
		<title>1-购物车_tab_PxCook</title>
		<meta name="apple-mobile-web-app-capable" content="yes">
    	<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../dist/css/sm.css" />
		<link rel="stylesheet" href="../dist/css/sm-extend.css" />
		<!--以上是引用SUI框架css文件代码-->
		<link rel="stylesheet" href="css/1-购物车_tab_PxCook.css" />
		<link rel="stylesheet" href="css/xh-lxx-header-bar1.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-title1.css" />
		<link rel="stylesheet" href="css/xh-lxx-cart-content1.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-title3.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-content6.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-footer1.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-items-icon.css" />
	</head>
	<body>
		<div class="page-group">
	        <div class="page page-current">
	        <!-- html代码 ---------Begin -->
	        	<header class="bar bar-nav">
				  <a class="icon pull-left">编辑</a>
				  <a class="icon pull-right"><img src="img/right.png" alt="" /></a>
				  <h1 class="title">购物车</h1>
				</header>
				<div class="content">
					<!--店铺商品内容1 Begin-->
					<div class="cart-content">
						<!--购物车商店名称-->
			        	<div class="xh-lxx-cart-title1">
		        			<div class="left">
		        				<div class="select selectAll">
			        				<span class="icon icon-check"></span>
			        			</div>
			        			<h3>商品店铺名称</h3>
		        			</div>
		        			<div class="right">
		        				<span class="yunfei">以免运费</span>
		        				<span class="space"></span>
		        				<span class="youhui">优惠券</span>
		        			</div>
			        	</div>
			        	<!--购物车商品-内容1-->
			        	<div class="xh-lxx-cart-content1">
		        			<div class="select active">
		        				<span class="icon icon-check"></span>
		        			</div>
		        			<img src="img/58105de0N88f8372b.jpg" alt="" />
		        			<div class="content1">
		        				<h3>商品栏目文案内容这行可分成两行显示</h3>
		        				<p>重量:5.14kg 颜色:4L经典版</p>
		        				<!--购物车商品内容-单价,编辑数量-->
		        				<div class="price-num">
		        					<div class="price">
		        						<span class="yen">￥</span>
		        						<span>88.8</span>
		        					</div>
		        					<div class="xh-lxx-cart-count1">
										<span class="minus">－</span>
										<input type="number" name="number" value="2" class="number"/>
										<span class="plus">＋</span>
									</div>
		        				</div>
		        			</div>
			        	</div>
						<!--购物车商品-内容2-->
			        	<div class="xh-lxx-cart-content1">
		        			<div class="select">
		        				<span class="icon icon-check"></span>
		        			</div>
		        			<img src="img/58105de0N88f8372b.jpg" alt="" />
		        			<div class="content1">
		        				<h3>商品栏目文案内容这行可分成两行显示</h3>
		        				<p>重量:5.14kg 颜色:4L经典版</p>
		        				<!--购物车商品内容-单价,编辑数量-->
		        				<div class="price-num">
		        					<div class="price">
		        						<span class="yen">￥</span>
		        						<span>88.8</span>
		        					</div>
		        					<div class="xh-lxx-cart-count1">
										<span class="minus">－</span>
										<input type="number" name="number" value="2" class="number"/>
										<span class="plus">＋</span>
									</div>
		        				</div>
		        			</div>
			        	</div>
			        	<!--购物车商品-内容3-->
			        	<div class="xh-lxx-cart-content1">
		        			<div class="select">
		        				<span class="icon icon-check"></span>
		        			</div>
		        			<img src="img/58105de0N88f8372b.jpg" alt="" />
		        			<div class="content1">
		        				<h3>商品栏目文案内容这行可分成两行显示</h3>
		        				<p>重量:5.14kg 颜色:4L经典版</p>
		        				<!--购物车商品内容-单价,编辑数量-->
		        				<div class="price-num">
		        					<div class="price">
		        						<span class="yen">￥</span>
		        						<span>88.8</span>
		        					</div>
		        					<div class="xh-lxx-cart-count1">
										<span class="minus">－</span>
										<input type="number" name="number" value="2" class="number"/>
										<span class="plus">＋</span>
									</div>
		        				</div>
		        			</div>
			        	</div>
						
					</div>
					<!--店铺商品内容2 Begin-->
					<div class="cart-content">
						<!--购物车商店名称-->
			        	<div class="xh-lxx-cart-title1">
		        			<div class="left">
		        				<div class="select selectAll active">
			        				<span class="icon icon-check"></span>
			        			</div>
			        			<h3>商品店铺名称</h3>
		        			</div>
		        			<div class="right">
		        				<span class="yunfei">以免运费</span>
		        				<span class="space"></span>
		        				<span class="youhui">优惠券</span>
		        			</div>
			        	</div>
			        	<!--购物车商品-内容1-->
			        	<div class="xh-lxx-cart-content1">
		        			<div class="select active">
		        				<span class="icon icon-check"></span>
		        			</div>
		        			<img src="img/58105de0N88f8372b.jpg" alt="" />
		        			<div class="content1">
		        				<h3>商品栏目文案内容这行可分成两行显示</h3>
		        				<p>重量:5.14kg 颜色:4L经典版</p>
		        				<!--购物车商品内容-单价,编辑数量-->
		        				<div class="price-num">
		        					<div class="price">
		        						<span class="yen">￥</span>
		        						<span>88.8</span>
		        					</div>
		        					<div class="xh-lxx-cart-count1">
										<span class="minus">－</span>
										<input type="number" name="number" value="2" class="number"/>
										<span class="plus">＋</span>
									</div>
		        				</div>
		        			</div>
			        	</div>
						
					</div>
					<!--为你推荐标题-->
		        	<div class="xh-lxx-tab-title3">
	        			<span class="icon icon-picture"></span>
	        			<span class="title3">为你推荐</span>
		        	</div>
		        	<!--为你推荐商品列表Begin-->
					<div class="xh-lxx-tab-content6">
		        		<!--商品内容1-->
		        		<div class="content6">
		        			<img src="img/58105de0N88f8372b.jpg" alt="" />
		        			<h3><span>精选</span>商品栏目文案内容简介内容可显示两行</h3>
		        			<div class="price-cart">
		        				<div class="price">
		        					<span class="yen">￥</span>
		        					<span>8.80</span>
		        				</div>
		        				<div class="cart">
		        					<span class="icon icon-cart"></span>
		        				</div>
		        			</div>
		        		</div>
		        		<!--商品内容1-->
		        		<div class="content6">
		        			<img src="img/58105de0N88f8372b.jpg" alt="" />
		        			<h3><span>精选</span>商品栏目文案内容简介内容可显示两行</h3>
		        			<div class="price-cart">
		        				<div class="price">
		        					<span class="yen">￥</span>
		        					<span>8.80</span>
		        				</div>
		        				<div class="cart">
		        					<span class="icon icon-cart"></span>
		        				</div>
		        			</div>
		        		</div>
		        		<!--商品内容1-->
		        		<div class="content6">
		        			<img src="img/58105de0N88f8372b.jpg" alt="" />
		        			<h3><span>精选</span>商品栏目文案内容简介内容可显示两行</h3>
		        			<div class="price-cart">
		        				<div class="price">
		        					<span class="yen">￥</span>
		        					<span>8.80</span>
		        				</div>
		        				<div class="cart">
		        					<span class="icon icon-cart"></span>
		        				</div>
		        			</div>
		        		</div>
		        		<!--商品内容1-->
		        		<div class="content6">
		        			<img src="img/58105de0N88f8372b.jpg" alt="" />
		        			<h3><span>精选</span>商品栏目文案内容简介内容可显示两行</h3>
		        			<div class="price-cart">
		        				<div class="price">
		        					<span class="yen">￥</span>
		        					<span>8.80</span>
		        				</div>
		        				<div class="cart">
		        					<span class="icon icon-cart"></span>
		        				</div>
		        			</div>
		        		</div>
		        		<!--商品内容1-->
		        		<div class="content6">
		        			<img src="img/58105de0N88f8372b.jpg" alt="" />
		        			<h3><span>精选</span>商品栏目文案内容简介内容可显示两行</h3>
		        			<div class="price-cart">
		        				<div class="price">
		        					<span class="yen">￥</span>
		        					<span>8.80</span>
		        				</div>
		        				<div class="cart">
		        					<span class="icon icon-cart"></span>
		        				</div>
		        			</div>
		        		</div>
		        		<!--商品内容1-->
		        		<div class="content6">
		        			<img src="img/58105de0N88f8372b.jpg" alt="" />
		        			<h3><span>精选</span>商品栏目文案内容简介内容可显示两行</h3>
		        			<div class="price-cart">
		        				<div class="price">
		        					<span class="yen">￥</span>
		        					<span>8.80</span>
		        				</div>
		        				<div class="cart">
		        					<span class="icon icon-cart"></span>
		        				</div>
		        			</div>
		        		</div>
		        	</div>
		        	<!--为你推荐商品列表End-->
				</div>
				<!--底部操作栏-->
	        	<div class="xh-lxx-tab-footer1 bar bar-standard bar-footer">
	      			<div class="left">
        				<div class="select" id="selectAll">
	        				<span class="icon icon-check"></span>
	        			</div>
	        			<span>全选</span>
        			</div>
        			<div class="right">
        				<span>分享</span>
        				<span>移入关注</span>
        				<span class="del">删除</span>
        			</div>
	      		</div>
	        	<nav class="bar bar-tab xh-lxx-tab-items-icon">
				  <a class="tab-item external" href="../index.html">
				    <span class="icon icon-home"></span>
				    <span class="tab-label">首页</span>
				  </a>
				  <a class="tab-item external" href="../1-分类_tab_PxCook/1-分类_tab_PxCook.html">
				    <span class="icon icon-menu"></span>
				    <span class="tab-label">分类</span>
				  </a>
				  <a class="tab-item external" href="../1-发现_tab_PxCook/1-发现_tab_PxCook.html">
				    <span class="icon icon-search"></span>
				    <span class="tab-label">发现</span>
				  </a>
				  <a class="tab-item external active" href="#">
				    <span class="icon icon-cart"></span>
				    <span class="tab-label">购物车</span>
				  </a>
				  <a class="tab-item external" href="../1-我的_tab_PxCook/1-我的_tab_PxCook.html">
				    <span class="icon icon-me"></span>
				    <span class="tab-label">我的</span>
				    <span class="badge">2</span>
				  </a>
				</nav>
	        	
	        	
	        	
	        	
	        	
	        <!-- html代码 End -->
	        </div>
   		</div>
	
		<!--以下是引用SUI框架js文件代码-->
		<script src='../dist/js/zepto.min.js'></script>
	    <script src="../dist/js/sm.js"></script>
	    <script src="../dist/js/sm-extend.min.js"></script>
	    <script src="js/xh-lxx-cart-content1.js"></script>
		<script>
			$.init(); //初始化
	    </script>
	</body>
</html>

	        